

/*伪类*/
/*引入iconfont.css*/
@import url('./iconfont.css');
/*伪类结束*/

*{
	padding:0;margin:0;font-family:"微软雅黑";box-shadow: 0px;outline: none;
}
a{
	text-decoration:none;  
}
#con{
	width:100%;height:auto;background:#fff;
}
#con ._con_search{
	width:1226px;height:100px;/*background:yellow;*/margin:0 auto;position: relative;

}
._con_left_link:hover{
	color:#FF6717;
}
._con_left_link{
	font-size:15px;text-align: center;
}

/*小米logo背景*/
._mi_logo{
	background: #FF6709;width:55px;height:55px;
}
/*con  左*/
._con_left{
	background:#FFFFFF;width:850px;height:100px;position: relative;
}
._con_right{
	width:376px;height:100px;position: relative;background: #fff;
}
/*#con ._con_search  ._con_left ._con_middle {
	width:600px;height: 100px;background:red;display: block;
}


._mid_middle ._con_left_link{
	display: inline-block;
}*/

._con_left ._mid{
	width:850px;height:100px;text-align: right;line-height: 100px;
}
._con_left div ul li{
	list-style: none;display:inline-block;padding:0 10px;
}

/*定位小米图标*/
._mi_logo{
	position:absolute;top:20px;
}
._mi_logo.bottom-logo{
	position: relative;float:left;top:0;margin:0 10px 0 0 ;
}

/*右侧搜索模块*/
._con_right  .all{
	width:296px;position: absolute;top:25px;right: 0;
}

/*右侧搜索按钮*/
._con_right .all .r_input{
    width:244px;height:48px;background:#FFFFFF;border:1px solid #ccc;
}

/*MIXX  TV链接*/
._con_right  .all ._con_right_a {
	height:17px;font-size:15px;position: absolute;top:15px;left:80px;z-index: 0;
}

._con_right  .all ._con_right_a  a{
	/*这两个a里面的文字字数是不一样的，所以不能设置固定宽度
		但是这两个的padding是一样的
	*/
	padding:0 5px;float:left;margin-left: 5px;background: #eee;color: #757575;
}

._con_right  .all ._con_right_a a:hover{
	background: #f60;color: #fff;
}
/*提交按钮*/
._con_right .all ._con_right_button{
	width:50px;height:48px;background:#FFFFFF;
	border:1px solid #ccc;border-left:none;
	position:absolute;right:1px;top:0px;
	font-size: 20px;text-align: center;font-family: "iconfont";
	line-height: 48px;cursor: pointer;
	border-left:1px solid #ccc;
}
._con_right .all ._con_right_button:hover{
	/*鼠标移上去的时候，边框并没有消失，只是一起变成了橙色*/
	background: #f60;color:#fff;

}

/*我给你做这个移上去,小米x和小米电视消失的js*/




/*._con_right  .all .con_right_a{
	position: relative;
}*/
/*._con_right  .all .con_right_a .MIX{
	position:absolute;top:0;
}*/


/*给页面加特效*/
/*JS实现*/
/*小米轮播图*/
#div_img{
	width:1226px;position: relative;
}

#div_img .img{
	position: absolute;right:0;top:0;
}
/*加点击小圆点*/
.click_list{
	position:absolute;right:30px;top:430px;
}
.li_list{
	width:8px;height:8px;border-radius:50%;background:#6B6B6B;float: left;
	margin-left:10px;border:1px solid rgb(0,0,0,0.5);
}
/*向左  向右按钮*/
.btn_left{
	width:40px;height:70px;background:url(../images/icon-slides.png);
	position:absolute;left:233px;top:220px;background-position:-84px 0;

}
.btn_right{
	width:40px;height:70px;background:url(../images/icon-slides.png);
	position: absolute;top:220px;right:0px;background-position:-126px 0;
}
/*JS结束*/


/*jq实现*/
/*加个功能 点击小米手机  弹出下拉框*/
.body{
	width:auto;position: relative;
}
#mi_phone{
	width:100%;height:230px;background:#fff;position:absolute;top:140px;z-index: 1;
	display:none;border-top:1px solid #ccc;/*border-bottom:1px solid #ccc;*/
	box-shadow:0 1px 1px #D6D6D6;

}
.mi_phone_mid{
	width:1226px;height:230px;background:#fff;margin:0 auto;
}
.mi_phone_mid div{border-right:1px solid #ccc;
	width:200px;float: left;margin-top:30px;
}
.mi_phone_mid div .mi_img{
	width:160px;height:160px;
}

/*效果四：jq实现当鼠标移到li上面，从右边滑出弹框 */
._img_right{
	width:800px;height:460px;background:#fff;position: absolute;top:0;left:234px;
	z-index: 1;display:none;
}

._img_right img{
	width:160px;height:160px;float: left;margin-top:40px;margin-right:15px;
}

/*给小米明星单品做溢出隐藏效果*/

/*搭配*/
/*功能5  鼠标移到div上时，从下往上滑出小窗口 */
.func_last{
	position: relative;box-shadow:0 0 1px #ccc;
}
.func{
	width:234px;height:100px;background:#FF6700;position:absolute;bottom:0px;display: none;
}
.func span{
	padding-top:20px;color:#fff;font-size:14px;
}

/*内容*/
/*加两按钮*/ 
.mysql{
	position:relative;
}
.btn11-left{
	position: absolute;top:50%;left: 0;width:25px;height:50px;color:#fff;
	background:#ccc;font-size:20px;line-height: 50px;font-weight: bold;opacity:0;
}
.btn11-right{
	position: absolute;top:50%;right: 0;width:25px;height:50px;color:#fff;
	background:#ccc;font-size:20px;line-height: 50px;font-weight: bold;opacity:0;

}

/*溢出隐藏*/
.longlong{
	width:888px;height: 419px;background:#fff;position: absolute;top:0;z-index: 1;
}
.father{
	width:296px;height: 419px;position: relative;overflow:hidden;
}
.tttt{
	float: left;position: relative;margin-top: 45px;
}

/*给页面加特效*/


/*大模块1*/
._con_second_auto{
	margin:0 auto;width:1226px;position: relative;
}
._con_second_left{
	width:233px;height:460px;background: red;float: left;background:#5D5D5D;
}
._con_second_right img{
	width:993px;float: right;height:460px;
}

._con_second_left ul li{
	list-style:none;height: 42px;line-height: 42px;margin-top:3px;text-indent:20px;
}

._con_second_left ul li a{
	color:#fff;font-size: 12px;
}

._con_second_left ul li a i{
	font-size: 12px;float: right;padding-right: 30px;
}
._con_second_left ul li a:hover{
	background:#FF6700;display: block;width:233px;height: 42px;
}


/*模块2*/
._con_third{
	width:1226px;margin:0 auto;margin-top:15px;
}

._con_third ._box_width{
	width:234px;height: 170px;float:left;background:#5F5750;border:0px;
}
._con_third ._box_width ._box{
	list-style:none;width:76px;height: 83px;float:left;border:1px solid #665E57;
	line-height:83px;font-size: 13px;position: relative;
}

._con_third ._box_width ._box a{
	width:70px;height:63px;display:block;text-align: center;color:#CDC0AC;
	position: absolute;padding-top:10px;


}
._con_third ._box_width ._box a i{
	width:70px;height:24px;display: block;text-align: center;color:#CDC0AC;position: absolute;top:-12px;
}
._con_third img{
	width:316px;height: 170px;float:left;padding-left: 14.6px;
}

._con_third ._box_width ._box a:hover{
	color:#fff;
}

._box_width  span{
	display:block;
}

/*模块2*/






/*小米明星单品*/
.danpin{
	width:1226px;height:auto;margin:0 auto;margin-top:25px; position: relative;top:100;
}
.danpin .danpin_top{
	/*width:1226px;*/height:57px;/*background:pink;*/margin-bottom: 5px;
}

.danpin .danpin_top span{
	/*background:red;*/display:block;float: right;width:30px;text-align: center;position: relative;right: 0;top:-23px;
	border:1px solid #ccc;
}
.danpin_top h2{
	font-weight: normal;color:#7F7F7F;font-size:20px;
}

.danpin_img{
	width:1226px;margin:0 auto;overflow:hidden;
}

.overflow{
	width:2808px;height:339px;margin-bottom:50px;
	position: relative;

}

.danpin .danpin_img .overflow div{
	width:234px;height:339px;float: left;background:#FAFAFA;/*border:1px solid black;*/margin-right:14px;margin-bottom:40px;
}

.danpin .danpin_img .overflow div img{
	width:160px;height: 160px;
	display: block;
	margin: 0 auto;
}
/*.danpin .danpin_img div.last{
	margin-right: 0;
}*/

.danpin_img .danpin_img_auto img{
	width:160px;height: 160px;padding:30px;
}
.danpin .danpin_img{
	background:#fff;
}

/*设置字体样式*/
._danpin_link{
	color:black;
}
.danpin_img_auto p{
	color:#ccc;
}
.danpin_img_auto b{
	color:red;font-weight: normal;
}
._danpin_link,b{
	display: block;
}
._danpin_link,p,b{
	text-align: center;font-size: 14px;padding-top:7px;
}

/*模块3*/
.con_four{
	width:auto;/*height: 4614px;*/background:#F5F5F5;height:4530px;
}
.con_four .con_four_mid{
	width:1226px;background: red;margin:0 auto;
}


.zhineng{
	width:1226px;height:57px;background: #F5F5F5;
}

.con_four_mid div .zhineng{
    font-size:20px;float: left;display: block;line-height: 57px;height: 57px;
}
.con_four_mid div ._more{
	height: 25px;float: right;/*background: pink;*/position:absolute;right:0;top:20px;
}
/*css画圆*/
.con_four .con_four_mid div ._more i {
    width: 100px;font-weight: bold;color:#fff;
    height: 100px;
    background:#B0B0B0;
    -moz-border-radius: 50px;
    -webkit-border-radius: 50px;
    border-radius: 50px;
    padding:5px;font-size:10px;margin-left: 8px;
}

.con_four_mid div ._more a:hover{
	color:#FF6700;
}
.con_four .con_four_mid div ._more i:hover{
	background: #FF6700;color:#fff;
}

 li{
	list-style:none;
}



.show_left img{
	width:234px;height: 614px;
}

.show_img .danpin_img_auto{
	width:160px;height:160px;float: left;text-align: center;
}

.show_img .show_left{
	float: left;
}
.show_img .two{
	float: left;
}

.show_img{
	background:#F5F5F5;height:614px;
}

.show_img .danpin_img_auto{
	width:234px;height:300px;margin-left:14px;background:#fff;margin-bottom:15px;
}
/*搭配  模块展示区*/
.dapei_width {
	width:auto;height: 57px;
}
.dapei_width  .dapei_mid{
	width:1226px;height:57px;margin:0 auto;/*background: red;*/
}
.dapei_width  .dapei{
	width:234px;height:300px;background: #fff;float: left;margin-right:14px;margin-bottom:16px;
}
.dapei_width  .dapei img{
	width:234px;height: 300px;display:block;margin:0 auto;
}
.dapei_width  .wenzi img{
	width:150px;height:150px;
}

.dapei_width h2{
	font-size: 20px;font-weight: normal;
}
.dapei_mid div ._dp_link{
	display: block;width:214px;height:20px;text-align: center;margin-top: 10px;color:black;
}
.dapei_mid div ._dp_link:hover{
	color:#FF6700;
}

.dapei_mid div h5{
	height: 20px;color:orange;text-align: center;margin-top: 10px;margin-bottom: 10px;font-weight: normal;
	font-size: 16px;
}

.dapei_mid div span{
	display:block;text-align: center;color:#ccc;
}
/*配件 图片展示区  同上*/
.dapei_mid p{
	text-indent: -9999999px;
}
.dapei_mid .last img{
	width:234px;height:143px;padding:0 0 10px 0;display:block;margin:0 auto;
}

/*周边*/
.dapei_mid .title{
	height:57px;width:1226px;/*background: red;*/line-height:57px;font-size:20px;font-weight:normal;
}
/*.zhoubian_right ul li{
	font-size:18px;background: red;float: left;position: absolute;right:0px;width:500px;
}
 .zhoubian_right ul{
	position:relative;
}
*/


/*热评产品*/
.rp_chanpin_mid{
	width:1226px;height:415px;margin:0 auto;padding-bottom: 20px;
}
.rp_chanpin_mid p{
   width:1226px;height: 57px;text-align:left;line-height: 57px;font-size:20px;
}
.rp_chanpin_mid div{
	width:296px;height:415px;float: left;margin-right:10.5px;position: relative;background: #fff;
}
.rp_chanpin_mid div img{
	width:296px;height:220px;display:block;margin:0 auto;
}


.rp_chanpin_mid  div ._rp_link{
	width:240px;height:96px;font-size: 15px;display:block;
	margin:30px 28px;color:black;color:#4E4E4E;
}


.rp_chanpin_mid  div p{
	text-indent:27px;position: absolute;bottom:10px;font-size:14px;color:#ccc;
}
.rp_chanpin_mid  div ._a_link{
	display:block;position: absolute;bottom:5px;width:296px;text-indent:27px;color:#4E4E4E;
}

.rp_chanpin_mid  div  i{
	color:#ddd;font-style: normal;
}

.rp_chanpin_mid  div span{
	color:#FF6700;
}

/*内容块*/
.main_mid p{
   width:1226px;height: 57px;text-align:left;line-height: 57px;font-size:20px;color:#7F7F7F;
}
.main_mid{
	width:1226px;height:419px;margin:0 auto;margin-top: 50px;/*position:relative;*/
}
.main_mid .mysql{
	width:296px;height: 419px;background:#fff;float:left;margin-right:10.5px;position:relative;
}
.main_mid h3{
	font-size:18px;color:green;font-weight: normal;text-align: center;padding-top:40px;
}

.main_mid div a{
	width:256px;height: 24px;display: block;text-indent:30px;font-size: 20px;
}

.main_mid div a.main_second{
	display: block;text-align: center;font-size: 14px;line-height:25px;margin-top: 10px;
}
.main_mid div .main_last{
	display:block;text-align:center;font-size: 15px;
}
/*.main_mid div a+a{
	display:block;width:200px;height: 40px;font-size:14px;
}
*/
.main_mid div .main_last{
	display: block;width:276px;height: 21px;/*background: blue;*/margin-top: 30px;
}

.main_mid .mysql .mysql_son{
	width:296px;height: 340px;/*background:yellow;*/text-align: center;
}

.main_mid div div img{
	width:216px;height: 154px;margin-top:15px;
}

/*圆心*/
.main_mid div div .yuandian{
	width:296px;height:31px;
}


.main_mid div div .yuandian li .shixin{
	width:6px;height:6px;/*background:#B0B0B0;*/display:block;text-indent:-9999px;border-radius:6px;
	overflow: hidden;border: 2px solid orange;text-align: left;
}
.main_mid div div .yuandian li .dot{
	border:none;background:#B0B0B0;
}

div .yuandian .kongxin {
	border-radius:50%;width:10px;height:10px;background: #fff;
	/*margin:15px 15px;*/display: inline-block;padding:10px;margin:0 auto;
}

/*div .yuandian ._radius{
	border: 2px solid orange;
}*/




/*视频*/
.shipin_mid {
	width:1226px;height:285px;margin:0 auto;
}
.shipin_mid p{
	width:1226px;height: 57px;line-height: 57px;text-align: left;font-size: 20px;margin-top:50px;color:#7F7F7F;
}
.shipin_mid div{
	width:296px;height: 285px;float: left;margin-right: 10.5px;background: #fff;
}

.shipin_mid  .ship_link{
	display:block;font-size:15px;text-align: center;margin-top: 20px;color:black;
}

.shipin_mid  .ship_link:hover{
	color:#FF6700;
}
.shipin_mid span{
	display:block;font-size:14px;text-align: center;color:#BBBBBB;margin-top: 10px;
}
/*帮助中心*/
.help{
	width:auto;height:271px;

}

.help .help_top{
	width:1226px;height:79px;margin:0 auto;border-bottom: 1px solid #e0e0e0;border-bottom: 1px solid #ccc;

}

.help .help_top ._help_list{
	/*background: green;*/display:inline-block;width:232px; line-height: 79px;text-align:center;font-size: 16px;
	color:#ccc;
}

.help .help_top   span{
	width:10px;color:#393E42;
}

/*帮助中心  下 左*/
.help_bottom{
	margin-top:50px;position: relative;
}
.help_bottom_left{
	width:1226px;margin:0 auto;
}
.help_bottom .help_bottom_left div{
	width:163px;height: 112px;float:left;
} 

.help_bottom_left  ._last{
	border-right: 2px solid #ccc;
}

.help_bottom_left div h3{
	font-size: 16px;font-weight:normal;color:#424242;padding-bottom:10px;
}
.help_bottom_left div ul li{
	font-size: 14px;padding-top: 5px;color:#757575;
}

/*帮助中心  下 右*/
.help_bottom_right{
	width:251px;height:112px;float: right;margin:0 120px 0 0;
}

.help_bottom_right strong{
	color:#FF6717;font-size: 20px;font-weight:normal;text-align: center;display: block;
}

.help_bottom_right p{
	font-size: 14px;color:#616161;
}

.help_bottom_right a{
	display:block;width:123px;height:29px;font-size:14px;text-align: center;margin:5px 0 0 70px;
	line-height: 29px;border:1px solid #FF6717;
}
.help_bottom_right a:hover{
	background: #F25807;color:#fff;
}









